<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			[type="text"] {
				border: 1px solid #0f0;
			}
			
			[type="text"]:focus {
				border: 1px solid #f00;
			}
			
			[type="text"]:disabled {
				border: 1px solid #ababab;
			}
			
			[type="checkbox"]:checked+span {
				background-color: #f00;
			}
		</style>
	</head>
	<body>
		<input type="text" />
		
		<input type="text" disabled/>
		
		<div>
			<input type="checkbox" ><span>男</span>
		</div>
		<div>
			<input type="checkbox" ><span>女</span>
		</div>
	</body>
</html>